.MyHouse {
  font-family: 'Arial', sans-serif; /* 使用更常见的字体 */
  font-size: 14px;
}

.MyHouse_top {
  display: flex;
  align-items: center;
  padding: 15px; /* 增加顶部栏的内边距 */
  background-color: #e0e0e0; /* 调整背景色更柔和 */
}

.back-icon {
  cursor: pointer;
  width: 30px; /* 固定图标宽度，使布局更稳定 */
  height: 30px;
  color: #333; /* 调整图标颜色 */
}

.title-text {
  font-size: 18px; /* 增大标题字体 */
  margin-left: 15px;
  color: #333; /* 调整标题颜色 */
}

.MyHouse_content {
  width: 100%;
  height: 760px;
  border: 1px solid #ccc;
  margin-top: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 增强阴影效果 */
}

.chat-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.chat-messages {
  flex-grow: 1;
  overflow-y: auto;
  padding: 15px; /* 增加消息区域内边距 */
}

.chat-message.user {
  background-color: #d1e9f7; /* 调整用户消息背景色 */
  border-radius: 15px; /* 增大圆角 */
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1); /* 添加用户消息阴影 */
}

.chat-message.assistant {
  background-color: #e8e8e8; /* 调整 AI 消息背景色 */
  border-radius: 15px;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(128, 128, 128, 0.1); /* 添加 AI 消息阴影 */
}

.chat-input {
  display: flex;
  padding: 15px; /* 增加输入区域内边距 */
  background-color: #f0f0f0;
  position: relative;
}

.chat-input input {
  flex-grow: 1;
  border: 1px solid #999; /* 调整输入框边框颜色 */
  padding: 8px; /* 增加输入框内边距 */
  border-radius: 8px; /* 增大输入框圆角 */
}

.chat-input button {
  margin-left: 15px;
  padding: 8px 15px; /* 增加按钮内边距 */
  border-radius: 8px; /* 增大按钮圆角 */
  background-color: #007bff;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.chat-message.right {
  text-align: right;
}

.chat-message.left {
  text-align: left;
}